<template>
	<div class="container">
		<div class="nav" :style="'padding-top: ' + statusBarHeight + 'px;'">
			<div class="warp">
				<div class="left">
					<div class="back" @click="$navSkin.goBack">
						<image class="back_img" src="/static/icon/arrows.png" alt="">
					</div>
					<div class="tab">
						<div class="tab-item active">我的宝贝</div>
						<div class="tab-item">TA的宝贝</div>
					</div>
				</div>

			</div>
		</div>
		<div class="content" :style="'padding-top: ' + (navigationBarHeight) + 'px;'">
			<div class="search">
				<image class="search-icon" src="/static/icon/search.png" mode=""></image>
				<input type="text" placeholder="请输入需要搜索的内容" />
			</div>
			<div class="buy">
				<div class="buy-left">
					<image class="buy-pic" src="/static/icons/preview.png" mode=""></image>
					<div class="pri-wrap">
						<div class="pri-title">标题</div>
						<div class="pri-box">
							<span class="price"><span class="price-icon">￥</span>2700</span><span class="attr">包邮</span>
						</div>

					</div>
				</div>
				<div class="buy-want">发送</div>
			</div>
			<div class="buy">
				<div class="buy-left">
					<image class="buy-pic" src="/static/icons/preview.png" mode=""></image>
					<div class="pri-wrap">
						<div class="pri-title">标题</div>
						<div class="pri-box">
							<span class="price"><span class="price-icon">￥</span>2700</span><span class="attr">包邮</span>
						</div>

					</div>
				</div>
				<div class="buy-want">发送</div>
			</div>
			<div class="more">没有更多了～</div>
			<!-- <div class="empty" v-show="false">
				<image class="empty-img" src="../../static/icon/icon_wu.png" mode=""></image>
				<div class="title">暂无内容！</div>
			</div> -->
		</div>
	</div>
</template>

<script>
	import data from '@/js/index/myBaby/data.js';
	import methods from '@/js/index/myBaby/methods.js';
	import {
		mapState
	} from 'vuex';
	import navigationBar from '../../components/nav.vue';
	export default {
		data,
		methods,
		onLoad(e) {

		},
		onShow() {
			// setTimeout(()=>{
			// 	this.$refs.popup.open()
			// },1000)

		},
		onHide() {
			console.log('on hide')
		},
		onUnload() {},
		computed: {
			...mapState(['navigationBarHeight', 'statusBarHeight', 'userInfo']),
			bgHeight() {
				// #ifdef APP-PLUS
				return 250
				// #endif
				return this.navigationBarHeight + uni.upx2px(364);
			}
		},
		components: {
			navigationBar,
		}
	};
</script>
<style>
	page,
	uni-page {
		background-color: rgb(250, 250, 250) !important;
	}
</style>
<style scoped lang="scss">
	@import '~@/style/index/myBaby.scss';
</style>